@charset "UTF-8";
// 区分主题变量
$themes: (
  default: (
    // 默认主题
    background-color:$color-f7f7f7, //背景颜色
    button-font-color:$color-fff,  //按钮文字颜色
    theme-color:$color-4985ee, //主题颜色(蓝)
    chat-send-btn-bg-color:$color-4985ee, //聊天发送按钮背景颜色(蓝色)
    
    chat-send-color:$color-d8ebf6, //聊天文字背景颜色（蓝色）
    seft-bubble-font-color:$color-333, //气泡文字颜色
    default-font-color: $color-333, //默认字体颜色

    chat-medium-btn-color: $color-f0690b,

    chat-read-icon: url(#{$default-chat-read-icon}) no-repeat center,
    chat-unread-icon: url(#{$default-chat-unread-icon}) no-repeat center,
    chat-send-fail-icon: url(#{$default-chat-send-fail-icon}) no-repeat center,
    chat-sending-icon: url(#{$default-chat-sending-icon}) no-repeat center,

    chat-switch-off: $color-fff, 
    chat-switch-open: $color-4985ee,
    
    chat-return: url(#{$default-chat-return}) no-repeat center,
    chat-more: url(#{$default-chat-more}) no-repeat center,
    chat-create: url(#{$default-create-chat}) no-repeat center,
    chat-search: url(#{$default-chat-search}) no-repeat center,

  ),
  yellow: (
    // 黄色版本
    background-color:$color-f7f7f7, //背景颜色
    button-font-color:$color-fff,  //按钮文字颜色
    theme-color:$color-dbc091, //主题颜色(黄色)
    chat-send-btn-bg-color:$color-dbc091, //聊天发送按钮背景颜色(黄色)
    
    chat-send-color:$color-fff1d8, //聊天文字背景颜色(黄色)
    seft-bubble-font-color:$color-333, //气泡文字颜色
    default-font-color: $color-333, //默认字体颜色
    
    chat-medium-btn-color: $color-dbc091,

    chat-read-icon: url(#{$default-chat-read-icon}) no-repeat center,
    chat-unread-icon: url(#{$default-chat-unread-icon}) no-repeat center,
    chat-send-fail-icon: url(#{$default-chat-send-fail-icon}) no-repeat center,
    chat-sending-icon: url(#{$default-chat-sending-icon}) no-repeat center,
    
    chat-switch-off: $color-fff,
    chat-switch-open: $color-switch-yellow,

    
    chat-return: url(#{$default-chat-return}) no-repeat center,
    chat-more: url(#{$default-create-chat}) no-repeat center,
    chat-create: url(#{$default-create-chat}) no-repeat center,
    chat-search: url(#{$default-chat-search}) no-repeat center,

  ),
  gradation: (
    // 渐变版本
    background-color:$color-edf1fc, //背景颜色
    button-font-color:$color-fff,  //按钮文字颜色
    theme-color:$color-left-gradation, //主题颜色(渐变)
    chat-send-btn-bg-color:$color-top-gradation, //聊天发送按钮背景颜色(渐变)
    
    chat-send-color:$color-top-gradation, //聊天文字背景颜色(渐变)
    seft-bubble-font-color:$color-fff, //气泡文字颜色
    default-font-color: $color-333, //默认字体颜色
    
    chat-medium-btn-color: $color-f0690b,

    chat-read-icon: url(#{$default-chat-read-icon}) no-repeat center,
    chat-unread-icon: url(#{$default-chat-unread-icon}) no-repeat center,
    chat-send-fail-icon: url(#{$default-chat-send-fail-icon}) no-repeat center,
    chat-sending-icon: url(#{$default-chat-sending-icon}) no-repeat center,
    
    chat-switch-off: $color-fff,
    chat-switch-open: $color-switch-gradation,

    
    chat-return: url(#{$default-chat-return}) no-repeat center,
    chat-more: url(#{$default-chat-more}) no-repeat center,
    chat-create: url(#{$default-create-chat}) no-repeat center,
    chat-search: url(#{$default-chat-search}) no-repeat center,

  ),
);
